<!DOCTYPE html>
<html>
    <head>
        <meta name="author" content="储安奎">
        <meta charset="utf-8">
        <title>音乐播放器</title>
        <link rel="stylesheet" type="text/css" href="css/音乐播放器.css"/>
        <style>
            
        </style>
    </head>
    
    <body>
    	<main>
    		<img id="baccol" src="img/wf.png"/>
	    	<p id="song">传奇</p>
	        <p id="singer">王菲</p>
	        <img id="star" src="img/lry.jpg"/>
	        <div id="progress">
		        <span id="startTime"></span>
		        <input type="range" name="" id="input1" value="0" max="250"/>
		        <span id="endTime"></span>
		    </div>
		    <div id="control">
		    	<img id="leftKey" src="img/prev.png" alt="左键" />
			    <img id="middleKey" src="img/play.png" alt="中键" />
			    <img id="rightKey" src="img/next.png" alt="右键" />
		    </div>
		    <div id="volume">
		    	<img src="img/volume.jpg" alt="" />
		    	<input id="input2" type="range"/>
		    	<img src="img/volume.jpg" alt="" />
		    </div>
		    <audio src="mp3/知道不知道.mp3"></audio>
    	</main>
        
    </body>
    <script src="js/音乐播放器.js"></script>
    <script src="js/RangeSlider.js"></script>
</html>